<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <div></div>
    <!-- 样式放到底部,可能会导致重绘效果 -->
    <!-- 当html 渲染时 会先扫描js和css 渲染从上到下 边解析边渲染 -->

    <!-- 渲染dom时 要等待样式加载完毕 -->

    

</body>
</html>
